<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>王二强</title>
</head>
<style>
   body{
       font-size: 120px;
       color: red;
       text-align: center;
       margin-top: 500px;
    }
   /* 转入 */
   .a-rotatein{
       -webkit-animation: 1s ease-out backwards
   ;
       -moz-animation: 1s ease-out backwards
   ;
       -ms-animation: 1s ease-out backwards
   ;
       animation: 1s ease-out backwards
   ;
   }
   .a-rotatein {
       -webkit-animation-name: rotatein;
       -moz-animation-name: rotatein;
       -ms-animation-name: rotatein;
       animation-name: rotatein;
   }
   /* 转入 */
   @-webkit-keyframes rotatein{
       0%{opacity:0;-webkit-transform:rotate(-200deg);}
       100%{opacity:1;-webkit-transform:rotate(0deg);}
   }
</style>
<body>
	<div class="a-rotatein">
    暂停服务
</div>

</body>
</html>